<template>
    <div>
        <el-pagination 
            background
            layout="total,prev,pager,next" 
            :page-count="pageCount"
            :page-size="pageSize" 
            :total="count" 
            :current-page="pageNo" 
            @current-change="handleCurrentChange"
            >
        </el-pagination>
    </div>
</template>

<script>
export default {
    name:'',
    props:{
        count:{ //总条数
            type:Number,
            default:0
        },
        pageCount:{ //总页数
            type:Number,
            default:0
        },
        pageNo:{ //当前页码
            type:Number,
            default:1
        },
        pageSize:{ //每页行数
            type:Number,
            default:0
        }
    },
    data(){
        return{
            
        }
    },
    methods:{
        handleCurrentChange(pageNo){
            //console.log('------ '+pageNo+' ------');
            this.$emit('pageChange',pageNo);
        }
    }
}
</script>

<style scoped>

</style>